.hero{
    position: relative;
    display: inline-block;
    transform-origin: bottom;
    border:2px solid transparent;
    margin-left: 15px;
}
.hero:hover{
    transform: scale(1.05);
    border: 2px solid #1dbaa9;
}
.hero-item{
    width: 190px;
    display: inline-block;
    /* transform-origin: bottom; */    
    transform-origin: bottom;
}

.hero-item:hover{
    transform: scale(1.05);
    transition: .5s;
    /* border: 3px solid #1c7f78; */  
}
.hero-pic{
    width: 190px;
    height: 230px;
    background-color: #111419;
    transition: all linear .2s;
    box-sizing: border-box;
    overflow: hidden;
}
.hero-pic img{
    width: 190px;
    height: 230px;
    object-fit: cover;
    object-position: center top;
    cursor: pointer;
}
/* 鼠标悬浮图片出现 */
.hero-pic:hover img{
    /* transform: scale(1.2);
    transition: .5s; */
}
.hero-name{
    margin: 0;
    height: 42px;
    color: #fff5e0;
    background-color: #111419;
    font-size: 14px;
    line-height: 42px;
    text-align: center;
}
.hero_list{
    position: absolute;
    display: block;
    width: 97%;
    height: 97%;
    top: 0;
    left: 0;
}